<template>
  <div class="m-detailsHeader">
    <div class="m-searchListPanel m-searchListPanelA">
      <div class="layout-1"><span class="leftLine"></span>DEMO</div>
    </div>
    <el-tabs v-model="activeTab" class="m-common-tab">
      <el-tab-pane label="账户" name="TheAccountInfo"></el-tab-pane>
      <el-tab-pane label="营销系统活动" name="TheActive"></el-tab-pane>
      <el-tab-pane label="成交单" name="TheBuyList"></el-tab-pane>
      <el-tab-pane label="登录" name="TheLoginList"></el-tab-pane>
    </el-tabs>
    <!--1=真实帐号 2=lead-->
    <div :is="activeTab" type="1" form="demo" class="detailsContent"></div>
  </div>
</template>

<script>

  import TheAccountInfo from '@/views/LeadDetailsDemo/components/TheDemoInfo.vue'
  import TheActive from '@/views/LeadDetailsDemo/components/TheDemoActive.vue'
  import TheBuyList from '@/views/LeadDetailsDemo/components/TheDemoBuyList.vue'
  import TheLoginList from '@/views/LeadDetailsDemo/components/TheDemoLoginList.vue'
  export default {
    name: 'AccountDetailsDemo',
    data () {
      return {
        activeTab: 'TheAccountInfo'
      }
    },
    components: {
      TheAccountInfo,
      TheActive,
      TheBuyList,
      TheLoginList
    }
  }
</script>

<style scoped lang="scss">
</style>
